<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>阳光成单系统</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" href="./css/x-admin.css" media="all">
</head>
<body>
	<div class="x-nav">
		<span class="layui-breadcrumb"> <a><cite>产品分类首页</cite></a> <a><cite>会员管理</cite></a>
			<a><cite>分类管理</cite></a>
		</span> <a class="layui-btn layui-btn-small"
			style="line-height: 1.6em; margin-top: 3px; float: right"
			href="javascript:location.replace(location.href);" title="刷新"><i
			class="layui-icon" style="line-height: 30px">ဂ</i></a>
	</div>
	<div class="x-body">
		<xblock>
		<button class="layui-btn layui-btn-danger" onclick="delAll()">
			<i class="layui-icon">&#xe640;</i>批量删除
		</button>
		<button class="layui-btn"
			onclick="admin_add('添加产品分类','productcategory-add.html','600','300')">
			<i class="layui-icon">&#xe608;</i>添加
		</button>
		<span class="x-right" style="line-height: 40px">共有数据：<span id="count"></span> 条</span></xblock>
		<table class="layui-table">
			<thead>
				<tr>
					<th><input onclick="selectAll(this)" type="checkbox" name="" value=""></th>
					<th>分类ID</th>
					<th>分类名</th>
					<th>操作</th>
				</tr>
			</thead>
			<tbody id="tbody_productcategory">

			</tbody>
		</table>
		<div id="page"></div>
	</div>
	<script src="./lib/layui/layui.js" charset="utf-8"></script>
	<script src="./js/x-layui.js" charset="utf-8"></script>
	<script>
	var $ = null;
	var laypage = null;
	var layer = null;
            layui.use(['element','laypage','layer','form'], function(){
               $ = layui.jquery;
              laypage = layui.laypage;
              layer = layui.layer;
              $(function(){
            	  myPage();
				});
             
            });
		//分页显示
		 function myPage(){
        	 $.post("../adminProductCategory?reqName=getAllProductCates",{},function(res){
        		 $("#count").html(res);
        	  laypage.render({
        	    elem: 'page',
        	    count: parseInt(res),
        	    limit:4,
        	    jump: function(obj, first){
        	        selProductCategories(obj.curr,obj.limit);
        	      }
        	  });
        	 },"json");
        } 
		
		function selectAll(obj){
      	   var val = $(obj).prop("checked");
      	  $("#tbody_productcategory input:checkbox").prop("checked",val)
        }

      //批量删除提交
       function delAll () {
      var chks=$("#tbody_productcategory input:checkbox:checked");
      	if(chks.length == 0){
      		layer.alert("您未选择任何行!");
      		return false;
      	}
      	
          layer.confirm('确认要删除吗？',function(index){
             var ids= [];
          	for(var i=0;i<chks.length;i++){
              	var id=$(chks[i]).parent().next().html();
              	ids.push(id);
              }
          	$.post("../adminProductCategory?reqName=deleteProductCategoryByIds",{
          		productSeriesId:ids.join(",")
          	},function(res){
          		if(res.success){
          			layer.msg('删除成功', {icon: 1});
          			myPage();
          		}else{
          			 layer.msg('删除失败', {icon: 3});
          		}
          	},"json")
          });
       }
		/*编辑*/		
		function productCategory_edit(title, url, id, w, h) {
			sessionStorage.setItem("productCategoryId",id);
			x_admin_show(title, url, w, h);
		}
		 /*添加*/
        function admin_add(title,url,w,h){
            x_admin_show(title,url,w,h);
        }
		/*-删除*/
		function cate_del(obj, id) {
			layer.confirm('确认要删除吗？', function(index) {
				//发异步删除数据
				$.post("../adminProductCategory?reqName=deleteProductCate",{
					productSeriesId : id
				},function(res){
					if (res.success) {
						layer.msg(res.message, {icon : 1,time : 2000});
							myPage();
					} else {
						layer.msg(res.message, {icon : 1,time : 2000});
					}
				},"json")
			});
		}
		
		//查询所有产品分类
		function selProductCategories(page,size){
			$("#tbody_productcategory").html("");
			$.post("../adminProductCategory?reqName=getProductCates",{
				page:page,
				size:size
			},function(res){
				for(var i=0;i<res.length;i++){
					$("#tbody_productcategory").append(`
						<tr>
							<td><input type="checkbox" value="1" name=""></td>
							<td>${res[i].productSeriesId}</td>
							<td>
								${res[i].productSeriesName}
							</td>
							<td class="td-manage"><a title="编辑" href="javascript:;"
								onclick="productCategory_edit('编辑分类名称','productcategory-edit.html','${res[i].productSeriesId}','400','350')"
								class="ml-5" style="text-decoration: none"> <i
									class="layui-icon">&#xe642;</i>
							</a> <a title="删除" href="javascript:;" onclick="cate_del(this,'${res[i].productSeriesId}')"
								style="text-decoration: none"> <i class="layui-icon">&#xe640;</i>
							</a></td>
						</tr>`);
				}
			},"json");
		}
		
	</script>

</body>
</html>